/*********************************************************************************
JANGAN PERNAH MENG-COPY ARTIKEL DAN CSS INI ATAS SE-IZIN ADMIN BLOGZHEY.COM
*********************************************************************************/

/*********************START BZC Blogazine*********************/
body{background:url(http://1.bp.blogspot.com/-Zj2kwlLkUxU/VGFj6WQ-cVI/AAAAAAAACcg/-FIpRAW6S6Q/s1600/tepat.jpg);background-attachment:fixed;background-repeat:no-repeat;background-size:cover;background-position:center center}
a{color:#fff}
a:hover{color:#fb5909}
.main-wrapper{width:auto;margin:0}
.ct-wrapper{padding:padding:0 20px;position:relative;max-width:auto;margin:0 auto}
#header h1,#header h1 a{color:#fff;text-shadow:none;font-family:Squada One;text-transform:uppercase;letter-spacing:0}
.rmm.minimal a{color:#fff}
.rmm.minimal a:hover{background:#fb5909;color:#e21707}
.rmm.minimal .rmm-toggled-controls{background:#fb5909;margin-bottom:2%}
.rmm.minimal .rmm-toggled-title{color:#e21707}
.rmm.minimal .rmm-button span{background:#e21707}
.rmm.minimal .rmm-toggled ul li a{border-bottom:1px solid #fb5909;color:#fff}
.rmm.minimal .rmm-toggled ul li a:hover{background:#fb5909;color:#e21707}
.rmm.minimal .rmm-toggled ul li:first-child a{border-top:1px solid #fb5909}
.post{border-bottom:none}
h1.post-title,h1.post-title a:link,h1.post-title a:visited{display:none}
.post-meta,.post-header{display:none}
.home-link,#blog-pager-newer-link a,#blog-pager-older-link a{background:#e21707;color:#fff}
.home-link:hover,#blog-pager-newer-link a:hover,#blog-pager-older-link a:hover{background:#e21707;color:#fb5909}
.sidebar,.sidebar-wrapper{width:0;position:absolute;padding:0 0 0 0;display:none}
#footer{position:relative;background:#e21707}
.footer-bottom a{color:#fff}
.footer-bottom a:hover{text-decoration:none;color:#fb5909}
.footer-bottom p{color:#fff}
.footer-nav li a{color:#fff}
.footer-nav ul li a:hover,.footer-nav ul li a:active{color:#fb5909}
#comment-editor{background:rgba(226,23,7,.5)}
.comments{z-index:99;position:relative}
.comments h4{font-size:24px;background:#e21707;color:#fff;text-align:center}
.comments .comments-content .user a{color:#fff}
.comments .comments-content .user a:hover{color:#fb5909}
.comments .comments-content .datetime a{color:#fff}
.comments .comments-content .datetime a:hover{color:#fb5909}
.comments .comments-content .comment-content{color:#fff;text-shadow:none}
.comments .comments-content .comment{background:rgba(226,23,7,.5);border:3px solid #e21707}
.comments .continue a,.comments .comment .comment-actions a{color:#fff}
.comments .continue a:hover,.comments .comment .comment-actions a:hover{color:#fb5909}
#bzc{background:#e21707;display:block}
::selection{background:transparent;color:transparent}
::-moz-selection{background:transparent;color:transparent}
::-webkit-selection{background:transparent;color:transparent}

/*********************OPEN PANEL*********************/
a.openpanel{display:block;width:100%;height:auto;padding:5px 0 5px 0;text-align:center;font-weight:bold;line-height:30px;background:#e21707;url()repeat-x;-webkit-transition:all .15s ease-in-out;-webkit-transform-origin:50% 1px;position:relative;font-family:Averia Sans Libre}
a.openpanel em{width:0;height:0;display:block;position:absolute;top:15px;right:15px;border:6px solid transparent;border-top-color:transparent}
a.openpanel.active{background:#e21707;z-index:99;position:relative}
a.openpanel.active em{top:6px;border color:#ffffff}
div.paneline{height:0;-webkit-transition:all .15s ease-in-out;-webkit-transform-origin:50% 1px}
div.hompiPanel{padding:10px 20px 20px;margin:0 0!important}

/*********************DISQUS & SPOILER*********************/
#dis_qus{width:100%;height:auto;background:rgba(226,23,7,.5);color:#fff;position:relative;z-index:1000;margin-top:1%;overflow:hidden}
.dis-qus{margin:1% 1% 1% 1%}
.jkomen{width:auto;height:auto;padding:5px 5px 5px 5px;background:#e21707;color:#fff;font-weight:bold;font-family:verdana;margin:1% 1% 1% 1%}
.spoiler{overflow:hidden;width:100%}
.spoiler > div{-webkit-transition:all 0.2s ease;-moz-transition:margin 0.2s ease;-o-transition:all 0.2s ease;transition:margin 0.2s ease}
button.sp-trigger:hover{color:#fb5909}
.spoiler{background-color:transparent;margin:20px 0 0 0;padding:0 0 0 0}
button.sp-trigger{width:100%;display:block;cursor:pointer;margin:10px 0 -20px 0;background:#e21707;font-weight:bold;font-size:18px;font-family:Averia Sans Libre;color:#fff;padding:8px;border-radius:0}
button.sp-trigger.sp-active{background:#e21707}

/*********************POST*********************/
#grup{transform:rotate(-5deg) skew(-17deg);-webkit-transform:rotate(-5deg) skew(-17deg);-moz-transform:rotate(-5deg) skew(-17deg);-o-transform:rotate(-5deg) skew(-17deg);writing-mode:lr-tb}
.banyak{font-size:40px;font-family:Black Ops One;color:#d99d01;text-transform:uppercase;position:relative;text-align:center;line-height:.9em;text-shadow:0 0 1px #d99d01,0 0 0 rgb(147,86,-69),0px 1px 0 rgb(118,57,-98),0px 2px 0 rgb(89,28,-127),0px 3px 0 rgb(59,-2,-157),0px 4px 0 rgb(30,-31,-186),0px 5px 0 rgb(1,-60,-215),0px 6px 0 rgb(-28,-89,-244),0px 7px 6px rgba(0,0,0,1),0px 7px 1px rgba(0,0,0,0.5),0px 0 6px rgba(0,0,0,.2)}
.syukur{font-size:100px;font-family:Black Ops One;color:#e21707;text-transform:uppercase;position:relative;text-align:center;line-height:.9em;text-shadow:0 0 2px #e21707,0 0 0 rgb(156,-48,-63),0px 1px 0 rgb(127,-77,-92),0px 2px 0 rgb(98,-106,-121),0px 3px 0 rgb(68,-136,-151),0px 4px 0 rgb(39,-165,-180),0px 5px 0 rgb(10,-194,-209),0px 6px 0 rgb(-19,-223,-238),0px 7px 6px rgba(0,0,0,1),0px 7px 1px rgba(0,0,0,0.5),0px 0 6px rgba(0,0,0,.2)}
.qs{font-size:17px;font-family:Jockey One;color:#000;position:relative;text-align:center;margin-top:4%}
.isi{font-size:11.4px;font-family:Verdana;color:#000;text-align:justify;background:rgba(217,157,1,.7);padding:1%;line-height:1.8em;word-wrap:break-word}
.sisi{font-size:12px;font-family:Verdana;color:#fff;text-align:center;background:#e21707;padding:1%;text-transform:uppercase;font-weight:bold}
.crop{color:#e21707;float:left;font-size:60px;line-height:33px;padding:0 5px 0 0;font-family:Jockey One;text-shadow:0 0 3px #fff}
.kolam{-moz-column-count:3;-moz-column-gap:2em;-moz-column-rule:1px solid #e21707;-webkit-column-count:3;-webkit-column-gap:2em;-webkit-column-rule:1px solid #e21707}

/*********************RESPONSIVE*********************/
@media screen and (max-width:850px){.qs{margin-top:5%}.isi{padding:1% 2% 1% 2%}.kolam{-moz-column-count:2;-webkit-column-count:2}}
@media screen and (max-width:650px){.banyak{font-size:30px}.syukur{font-size:90px}}
@media screen and (max-width:500px){.banyak{font-size:30px}.syukur{font-size:70px}.qs{margin-top:6%}.kolam{-moz-column-count:1;-webkit-column-count:1}.dis-qus{margin:1% 2% 1% 2%}.jkomen{margin:2% 2% 1% 2%}}
@media screen and (max-width:420px){.banyak{font-size:20px;line-height:1.0em}.syukur{font-size:60px;line-height:1.0em}}
@media screen and (max-width:360px){.syukur{font-size:50px}.isi{padding:1% 3% 1% 3%}}
@media screen and (max-width:240px){.banyak{font-size:10px;line-height:1.2em}.syukur{font-size:30px;line-height:1.2em}.qs{font-size:12px}}

/*********************END BZC Blogazine*********************/